<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
          xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head  th:replace="top::html">

  <title>千人智库管理系统首页</title>

  
  
</head>
<body class="fixed hold-transition skin-blue">
<div class="wrapper">

  <!-- Main Header -->
    <div th:replace="tophtml::html" ></div>

  <!-- Left side column. contains the logo and sidebar -->
  
  <div th:replace="left::html" ></div>


  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        专家
        <small>查看专家对接详情</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/index"><i class="fa fa-dashboard"></i> 用户中心</a></li>
        <li class="active">专家对接详情</li>
      </ol>
    </section>

    <!-- Main content -->
<section class="content">
      <!-- Main row -->
      <div class="row">
        <div >
          <!-- Custom Tabs -->
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专家对接活动列表</font></font></a></li>
              <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专家对接需求列表</font></font></a></li>
            </ul>
            <div class="tab-content">
            <!-- 第一个table -->
              <div class="tab-pane active" id="tab_1">
                <table id="person" class="table table-bordered">
					<thead>
						<tr>
						<th>编号</th>
							<th>姓名</th>
							<th>生日</th>
							<th>固话</th>
							<th>邮箱</th>
							<th>微信</th>
							<!--  <th>expertNumber</th>
							<th>name</th>
							<th>birth</th>
							<th>fixedPhone</th>
							<th>email</th>
							<th>wechat</th>-->
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th>编号</th>
							<th>姓名</th>
							<th>生日</th>
							<th>固话</th>
							<th>邮箱</th>
							<th>微信</th>
						</tr>
					</tfoot>
				</table>
						
             
    
              </div>
              <!-- /第二个table -->
              <div class="tab-pane" id="tab_2">
              <table id="conference" class="table table-bordered" style="width: 100%">
					<thead>
						<tr>
						<th>会议编号</th>
							<th>会议名</th>
							<th>会议日期</th>
							<th>会议简介</th>
							<th>所在地区</th>
							<th>官网</th>
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th>会议编号</th>
							<th>会议名</th>
							<th>会议日期</th>
							<th>会议简介</th>
							<th>所在地区</th>
							<th>官网</th>
						</tr>
					</tfoot>
				</table>
      
    </div>              
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- nav-tabs-custom -->
        </div>
      </div>
      <!-- /.row (main row) -->

    <div>
</div></section>
      <!--------------------------
        | Your Page Content Here |
        -------------------------->
        
        

  </div>
  <!-- /.content-wrapper -->

  <!-- Main Footer -->
<div th:replace="footer::html" ></div>

  <div class="control-sidebar-bg"></div>
</div>

<div th:replace="bottom::html" ></div>
<link rel="stylesheet" href="/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
<script src="/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#person').DataTable( {
        "ajax": {
            "url": "/fjjtestpersonjson",
            "dataSrc": ""
        },
        "language": {
        	"lengthMenu": "每页显示 _MENU_ 条记录",
            "zeroRecords": "没有记录",
            "info": "当前第 _PAGE_页   总共 _PAGES_页",
            "infoEmpty": "没有查询到记录",
            "infoFiltered": "(从 _MAX_ 条记录里筛选)"
        },
        "columns": [
            { "data": "expertNumber" },
            { "data": "name" },
            { "data": "birth" },
            { "data": "fixedPhone" },
            { "data": "email" },
            { "data": "wechat" }
        ]
    } );
    $('#conference').DataTable( {
        "ajax": {
            "url": "/fjjtestconfjson",
            "dataSrc": ""
        },
        "language": {
        	"lengthMenu": "每页显示 _MENU_ 条记录",
            "zeroRecords": "没有记录",
            "info": "当前第 _PAGE_页   总共 _PAGES_页",
            "infoEmpty": "没有查询到记录",
            "infoFiltered": "(从 _MAX_ 条记录里筛选)"
        },
        "columns": [
            { "data": "conferenceNumber" },
            { "data": "conferenceName" },
            { "data": "conferenceDateTime" },
            { "data": "conferenceSummary" },
            { "data": "area" },
            { "data": "conferenceWebSite" }
        ],
        "columnDefs": [
            { "visible": false, "targets": 0 }
        ]
    } );
} );
</script>
</body>
</html>